/*
        Theme Name: Duma Solutions Limited
        Date: March 2014
        Description: Basic HTML5/CSS3 layout
        Version: 1.0
        Author: Milos Milojkovic
*/

/* ===========================
   ======= Body style ======== 
   =========================== */
@font-face {
    font-family: 'latolight';
    src: url('../font/lato-lig-webfont.eot');
    src: url('../font/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-lig-webfont.woff') format('woff'),
         url('../font/lato-lig-webfont.ttf') format('truetype'),
         url('../font/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('../font/lato-bol-webfont.eot');
    src: url('../font/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bol-webfont.woff') format('woff'),
         url('../font/lato-bol-webfont.ttf') format('truetype'),
         url('../font/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
   margin:0;
   padding:0;
}

html 
{ 
   height: 100%; 
   width: 100%; 
}
body 
{ 
   width: 100%; 
   height: 100%; 
   margin: 0px; 
   padding: 0px; 
   border: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   background: #ffffff;
   font-size: 13px; 
   line-height: 15px; 
}


/* ===========================
   ========= Headings ======== 
   =========================== */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em}     /* 14px */

h2, h3, h4, h5, h6 {
   /* font-weight: 400;
    line-height: 1.1;
    margin-bottom: .8em; */
}

/* ===========================
   ======= Anchor style ====== 
   =========================== */
a {
   outline: 0;
}

a img {
   border: 0px; 
   text-decoration: none;
}

#container-header,
#container-middle,
#page-bottom,
#bottom-content  
{ 
   margin: 0 auto;
   max-width: 960px;
   width: 100%;
}
.clear 
{
   clear: both;
   height: 0;
   line-height: 0;
}
ul 
{ 
   list-style: none; 
}

/* links */
a:link,
a:visited         
{ 
   color: #424242; 
   text-decoration: none; 
   outline: none; 
}
a:hover,
a:active          
{ 
   color: #9d9d9d; 
   text-decoration: none;  
}
/* links end */
/* =================================
   ======= container-header ======== 
   ================================= */

#container-header 
{ 
   background: #ffffff;
   height: 176px;
   position: relative; 
}

#logo 
{ 
   background: transparent url(../images/logo.png) no-repeat 0 0; 
   float: left; 
   height: 66px;
   margin: 16px 0 0 192px;
   width: 578px;
}
#logo a:link, 
#logo a:visited, 
#logo a:hover, 
#logo a:active 
{
   display: block;
   height: 66px;
}
#call-us
{
   margin: 31px 0 0 0px;
   float: right;
   width: 115px;
}

#call-us img
{
   float: left;
   margin-right: 3px;
}

#call-us spam
{
   color: #1a7fe5;
}


#top-navigation
{
   clear: left;
}

#top-navigation
{
   display: inline-block;
   margin: 0px 0 0 382px;
   position: relative;
}
#top-navigation ul
{
   margin: 0;
   padding: 0;
}
#top-navigation ul li
{
   display: inline;
   font-family: latolight;
   font-weight: lighter;
   font-size: 19px;
   color: #215a8f;   
}
#top-navigation ul li a:link, 
#top-navigation ul li a:visited 
{
   color: #215a8f;
}

#top-navigation  ul li a:hover,
#top-navigation  ul li a:active        
{ 
   color:#215a8f; 
}

#top-navigation ul li.separator
{
   color: #8acd5d;
   margin: 0px 5px 0 5px;
}



/* Menu */
#main-navigation 
{ 
   display: inline-block;
   margin: 0 0 -28px 10px;
}
#main-navigation  ul 
{ 
   margin: 0; 
   padding: 0; 
   float: left; 
   width: 960px;
}
#main-navigation  ul li 
{ 
   display: inline;
   font-size: 18.2px;
   padding: 0 20px 0 0;
   font-family: latolight;
   font-weight: lighter;
}

#main-navigation  ul li a:link,
#main-navigation  ul li a:visited         
{ 
   color:#392508; 
}
#main-navigation  ul li a:hover,
#main-navigation  ul li a:active          
{ 
   color:#1a7fe5; 
}

#main-navigation ul li.act a:link, 
#main-navigation ul li.act a:visited      
{ 
   color:#1a7fe5; 
}

/* =================================
   ======= container-midle ======== 
   ================================= */
#container-middle
{

}
#page-midle
{
   padding: 20px 13px 10px 13px;
   background: rgba(246, 246, 246, 0.23);
}
.left-page
{
   float: left;
   width: 50%;
}
.topcontent
{

}
.topcontent h2
{
   font-family: latolight;
   font-size: 24px;
   font-weight: bold;
   color: #8acd5d;
   line-height: 27px;
   letter-spacing: 0px;
   margin-bottom: 20px;
   margin-top: 40px;
}

.topcontent h1
{
   font-family: latobold;
   font-size: 30px;
   font-weight: bold;
   color: #8acd5d;
   line-height: 27px;
   letter-spacing: 0px;
   text-transform: uppercase;
   margin-bottom: 45px;
   text-align: center;
}
.topcontent p
{
   font-family: latolight;
   font-size: 16px;
   color: #636363;
   letter-spacing: 0px;
   line-height: 1.3em;
   margin-bottom: 20px;
   padding: 0 15px 0 25px;
   text-align:justify;
}

#page-middle-bottom
{
   position: relative;
}
.text1
{
   float: left;
   margin: 95px 10px 40px 0;
   width: 140px;
}
.text1 p, .text-frst p, .text-last p, .text-midle p
{
   font-family: latolight;
   font-size: 25.93px;
   font-weight: lighter;
   color: #1a7fe5;
   line-height: 27px;
   text-align: center;
   letter-spacing: -0.016em;
}
.text-last
{
   float: left;
   width: 140px;
   margin: 95px 0 40px 0;
}
.text-midle
{
   float: left;
   width: 194px;
   margin: 95px 10px 40px 0;
}
.text-frst
{
   float: left;
   width: 130px;
   margin: 95px 13px 40px 3px;
}



/* =================================
   ======= container-footer ======== 
   ================================= */

#container-footer 
{ 
   position: relative;
   background: url("../images/mmm.png") center 0 no-repeat;

}
#page-bottom 
{ 
   height: 315px;
   width: 100%;

}
#bottom-text
{
   float: left;
   margin: 67px 0 0 0;
   position: relative;
}
#bottom-text p
{
   font-family: latolight;
   font-size: 15px;
   font-weight: lighter;
   color: #ffffff;
   line-height: 18px;
}

#bottom-navigation
{
   float: left;
   margin: 37px 0 0 137px;
   position: relative;
}
#bottom-navigation ul
{
   float: left;
   margin: 0;
   padding: 0;
}
#bottom-navigation ul li
{
   display: inline;
   float: left;
   font-family: latolight;
   font-size: 15.01px;
   padding: 0 18px 0 0;
   font-weight: lighter;   
}
#bottom-navigation ul li a:link, 
#bottom-navigation ul li a:visited 
{
   color: #ffffff;
}

#bottom-navigation  ul li a:hover,
#bottom-navigation  ul li a:active        
{ 
   color:#ffffff; 
}

#icons
{
   float: left;
   margin: 15px 0px 0 412px;
}
a.facebook, a.twitter
{
   padding: 0 6px 0 0;
}
#footerCopy
{
   float: left;
   margin: 11px 0 0 239px;
}
#footerCopy p
{
   font-family: latolight;
   font-size: 12.01px;
   color: #ffffff;
}
#footerCopy p span 
{
   color: #d3f4ff;
}


/* ===========================
   ====== Media Queries ====== 
   =========================== */

@media only screen and (min-width: 769px) and (max-width: 1024px) 
{

}


/* ============================== PAGE ===============================
   =============================== PPI  =========================== 
   =================================================================== */

.new-pas
{
   padding-left: 10px;
}
ol, ul {
   margin: 0 2.5em 1.5em 2.5em;
   padding: 0;
}

.topcontent ol, ul
{
   font-family: latolight;
   font-size: 16px;
   color: #636363;
   letter-spacing: 0px;
   line-height: 1.2em;
   margin-bottom: 20px;
   padding: 6px 10px 0 0px;
}
ul.square
{
   list-style-type:square;
}
ul.disc
{
   list-style-type:disc;
}

.topcontent ol li
{
   padding: 0 0 15px 0;
   line-height: 1.3em;
}

ul.square li
{
   line-height: 0.8em;
}
ul.disc li
{
   line-height: 1.5em;
}
/* ============================== PAGE ===============================
   =========================== Terms   =============================== 
   =================================================================== */

ul.lower-alpha
{
   list-style-type:lower-alpha;
}
.line
{
   position: relative;
   margin: -30px 0 0 -7px;
   float: left;
}
/* ============================== PAGE ===============================
   =========================== Contac us  ============================== 
   =================================================================== */
.contact-column-left 
{
   float: left;
   width: 460px;
}
.contact-column-left h4 
{
   margin: 0 0 35px 0;
   font-family: latolight;
   font-size: 16px;
   color: #636363;
}



.imgstroke1
{
   margin: 0 0 40px 0;
   padding: 13px;
   box-shadow: 0px 1px 15px #CACACA;
   border-radius: 8px;
}

.imgstroke2
{
   margin: 0 0 0 0;
   padding: 13px;
   box-shadow: 0px 1px 15px #CACACA;
   border-radius: 8px;
}

.contact-column-right 
{
   float: right;
   width: 460px;
}
.contact-column-right h4 
{
   margin: 0 0 35px 0;
   font-family: latolight;
   font-size: 16px;
   color: #636363;
}
form 
{
   display: block;
   margin-top: 0em;
}
.contact-email-info {
   width: 100%;
   margin: 0 0 20px 0;
}
.contactform_label {
   float: left;
   width: 170px;
   text-align: left;
   margin: 0;
}
label 
{
   width: 100%;
   overflow: auto;
   margin: 0 0 20px 0;
   font-family: latolight;
   font-size: 16px;
   color: #636363;
}
.contactform_inputbox {
   float: right;
}
.contactform_inputbox #contact_name, .contactform_inputbox #contact_email, .contactform_inputbox #contact_subject {
   font-family: latolight, Verdana, Arial, Helvetica, sans-serif;
   width: 248px;
   font-size: 12px;
   color: #000724;
   text-align: left;
   background-color: #FFFFFF;
   border: 1px solid #B3B3B3;
   padding: 11px 5px 11px 5px;
   border-radius: 4px;
}

.email-message {
   width: 100%;
   text-align: left;
}
.email-message .contactform_label {
   width: 100%;
   text-align: left;
   margin: 0 0 10px 0;
}
.email-message .contactform_inputbox {
   width: 100%;
   text-align: left;
   margin: 0;
}
.email-message #contact_message {
   width: 410px;
   font-family: latolight, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000724;
   text-align: left;
   background-color: #FFFFFF;
   border: 1px solid #B3B3B3;
   padding: 11px 5px 11px 5px;
   border-radius: 4px;
   margin: 0;
}

form .submitbox {
   margin: 20px 0 20px 0;
   text-align: left;
}

tactform_inputbox #contact_name:hover, 
.contactform_inputbox #contact_email:hover,
.contactform_inputbox #contact_name:hover,
.contactform_inputbox #contact_message:hover,
.contactform_inputbox #contact_subject:hover 
{
   border-color: #4B4B4B;
}

form .submitbutton {
   padding: 11px 15px 11px 15px;
   margin: 0 0 0 0;
   background-color: #2831FF;
   border: 1px solid #FFFAFA;
   color: #FFF;
   border-radius: 4px;
}
form .submitbutton:hover {
   color: #000000;
   background-color: #0249FF;
   border: 1px solid #A2A2A2;
   font-weight: bold;
}

form .submitbox input {
   padding: 11px 15px 11px 15px;
   background-color: #212121;
   border: 1px solid #333333;
   color: #fff;
}
.contact a:hover 
{
   color: rgb(22, 39, 243);
   text-decoration: none;
   font-weight: bold; 
}

.notification_error
{
   border: 1px solid #B3B3B3;
   height: auto;
   width: 429px;
   padding: 4px 0 5px 5px;
   background: #F4FAFA;;
   font: 13px Comic Sans MS;
   -webkit-border-radius: 4px;
   font-weight: bold;
   margin: 0 0 12px 0;
   color: red;
}

.notification_ok
{
   height: auto;
   border: 1px solid #B3B3B3;
   width: 429px;
   padding: 4px 0 5px 5px;
   background: #f5f9fd;
   font: 17px Comic Sans MS;
   -webkit-border-radius: 4px;
   font-weight: bold;
   margin: 0 0 12px 0;
   color: red;
}








